<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html"  
      xmlns:f="http://java.sun.com/jsf/core" xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <script type='text/javascript' data-tgdelst="live" src='./resources/js/bootstrap.min.js?ver=v2.3.3'></script>
        <script type='text/javascript' data-tgdelst="live" src='./resources/js/auto_tooltip_popover.js?ver=2.0.1'></script>
        <script type='text/javascript' src="./resources/js/jquery.masonry.js"></script>
        <script type="text/javascript" src="./resources/js/accordion.js" data-tgdelst="live"></script>
        <script type="text/javascript" src="./resources/js/carousel.js" data-tgdelst="live"></script>
    </h:head>  
    <h:body>
        <ui:composition template="./master_page.xhtml">
            <ui:define name="slider">
                <div class="wrapper_slider">
                    <div class="slider_area">
                        <div class="slider_content">
                            <script data-tgdelst="live" >
                                jQuery(function() {
                                    jQuery('.wtsCarousel').carousel({
                                        interval: 5000
                                    });
                                });
                            </script>
                            <div id="wptg_Carousel2" class="carousel wtsCarousel slide">
                                <!--slider promotion-->
                                <div class="carousel-inner">
                                    <div class="item active">
                                        <div class="contentSlide">
                                            <img width="250" height="250" src="http://www.wpthemegenerator.com/wp-content/uploads/2013/05/gls-250x250.jpg" class="attachment-post-thumbnail wp-post-image" alt="gls" />            <h1><a href="#">Create responsive grid layouts (pinterest-like) with your posts, post types or external sources.</a></h1>
                                            <p>An awesome function has been added to WpThemeGenerator&#8217;s core. Now You Can build wonderful responsive grid layouts with your own posts, post types, custom taxonomies or extarnal sources (youtube, rss, vimeo, etc) to show your content in a great way, it uses our premium plugin GridLayoutShock. You can view all Theme Generator features here.</p>
                                            <a class="more-link" href="#"><span class="more-link_right"></span> Read More<span class="more-link_left"></span></a>
                                        </div>
                                    </div>

                                    <div class="item ">
                                        <div class="contentSlide">
                                            <img width="250" height="217" src="http://www.wpthemegenerator.com/wp-content/uploads/2011/07/popular_plugins-250x217.jpg" class="attachment-post-thumbnail wp-post-image" alt="popular_plugins" />            <h1><a href="#">Compatibility with most popular plugins</a></h1>
                                            <p>WpThemeGenerator works seamlessly with most popular WordPress plugins, below a list of some of the plugins tested. Please check all theme generator features. WP e-commerce and WooComerce: Free WordPress Shopping Cart and e-commerce plugins that lets customers buy your products, services and digital downloads online. &nbsp; GD Star Rating: Plugin allows you to set up advanced rating [&hellip;]</p>
                                            <a class="more-link" href="#"><span class="more-link_right"></span> Read More<span class="more-link_left"></span></a>
                                        </div>
                                    </div>
                                </div>

                                <!-- Carousel nav -->
                                <a class="carousel-control left" href="#wptg_Carousel2" data-slide="prev">&lsaquo;</a>
                                <a class="carousel-control right" href="#wptg_Carousel2" data-slide="next">&rsaquo;</a>
                            </div></div><!-- end slider content -->
                    </div><!-- end slider area -->
                </div><!-- end wrapper slider -->
            </ui:define>
            <ui:define name="content">
                index page
            </ui:define>
        </ui:composition>
    </h:body> 
</html>

